﻿@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>锁屏 - JuCheap 响应式管理后台模板MVC版</title>
    @Styles.Render("~/Content/Flat/Css/Base")
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
    <!--[if lt IE 9]>
      @Styles.Render("~/Content/Flat/Js/Html5")
    <![endif]-->
    @Html.Partial("BaiduTongji")
</head>

<body class="lock-screen" onload="startTime()">

    <div class="lock-wrapper">

        <div id="time"></div>


        <div class="lock-box text-center">
            <img src="/Content/Flat/img/follower-avatar.jpg" alt="lock avatar" />
            <h1>管理员</h1>
            <span class="locked">已锁定</span>
            <form role="form" class="form-inline" action="@Request.Url.PathAndQuery">
                <div class="form-group col-lg-12">
                    <input type="password" placeholder="请输入密码解锁" id="exampleInputPassword2" class="form-control lock-input">
                    <button class="btn btn-lock" type="submit">
                        <i class="fa fa-arrow-right"></i>
                    </button>
                </div>
            </form>
        </div>
    </div>
    <script>
    function startTime() {
        var today = new Date();
        var h = today.getHours();
        var m = today.getMinutes();
        var s = today.getSeconds();
        // add a zero in front of numbers<10
        m = checkTime(m);
        s = checkTime(s);
        document.getElementById('time').innerHTML = h + ":" + m + ":" + s;
        t = setTimeout(function() { startTime() }, 500);
    }

    function checkTime(i) {
        if (i < 10) {
            i = "0" + i;
        }
        return i;
    }
    </script>
</body>
</html>

